@charset "utf-8";
@import "common";
$font-size: 64px;
@function r($px) {
    @return $px/$font-size*1rem;
}

.web {
    //==中间内容块==================================================
    .content {
        .cont{
            width: 100%;
            overflow: hidden;
            .colnum{
                width: 95%;
                height: 100%;
                margin: 0 auto;
                overflow: hidden;
                .col-l{float: left;}
                .col-r{float: right;}
                .col{
                    width: 49%;
                    background: #f6f6f6;
                    margin-top: 3%;
                    .col-pic{
                        width: 100%;
                        img{
                            width: 100%;
                        }
                    }
                    h1{
                        width: 100%;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        font-size: 16px;
                        color: #323232;
//                      margin-top: 7px;
                        line-height: 20px
                    }
                    .hot{
                        font-size: 16px;
                        button{
                            font-size: 12px;
                            width: 44px;
                            height: 14px;
                            border-radius: 2px;
                            background: #b20000;
                            color: #ffffff;
                            margin-left: 2%;
                            margin-right: 5%;
                            outline: none;
                            border: 0 none;
                        }
                        span{
                            font-size: 12px;
                            color: #c5c5c5;
                            margin-top: 7px;
                            margin-right: 4%
                            i{
                                font-size: 12px;
                                color: #c5c5c5;
                            }
                        }
                    }
                    .per{
                        font-size: 12px;
                        color: #c5c5c5;
                        height: 20px;
                        line-height: 20px;
                        margin-top: 4px;
                        margin-bottom: 1%;
                        .tx{
                            width: 20px;
                            height: 20px;
                            background: #ffffff;
                            position: relative;
                            overflow: hidden;
                            margin-left: 2%;
                            float: left;
                            img{
                                width: 100%;
                            }
                        }
                        span{
                            margin-left: 5px;
                        }
                    }
                }
            }
        }
    }
}
